* {
    margin: 0;
    padding: 0;
}

.nav {
    position: relative;
    height: 0.9333rem;
    margin-bottom: 2.18667rem;
}

.square-icon {
    background: url(../img/home/icon/square-icon.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 0.42667rem;
    height: 0.42667rem;
    bottom: 0.08rem;
    right: 1.54667rem;
}

.login-icon {
    background: url("../img/home/icon/login-icon.png") no-repeat;
    background-size: contain;
    position: absolute;
    width: 0.5333rem;
    height: 0.5333rem;
    bottom: 0.02667rem;
    right: 0.45333rem;
}

.mid {
    text-align: center;
    font-size: 0;
}

.BaiDu-logo {
    display: inline-block;
    background: url(../img/home/icon/BaiDu_logo.png) no-repeat;
    background-size: contain;
    width: 4.2667rem;
    height: 1.333rem;
    margin-bottom: 0.72rem;
}

.search-content {
    position: relative;
    display: inline-block;
}

.search-txt {
    width: 5.68rem;
    height: 0.74667rem;
    border-top-left-radius: 0.1333rem;
    border-bottom-left-radius: 0.1333rem;
    padding: 0.18667rem 1.0667rem 0.2133rem 0.16rem;
    border: 1px solid #d3d5d8;
    border-right: none;
    box-shadow: 0 0 2px #d3d5d8;
    vertical-align: top;
    outline: none;
}
.search-txt:focus~.camera-icon,.search-txt:focus~.record-icon{
    display: none;
}
.record-icon {
    position: absolute;
    background: url("../img/home/icon/record-icon.png") no-repeat;
    background-size: contain;
    width: 0.5333rem;
    height: 0.56rem;
    right: 1.6rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.record-icon:after {
    content: '';
    display: inline-block;
    height: 0.5rem;
    line-height: 0.5rem;
    margin-left: 0.8rem;
    border-right: 1px solid #e8e8e8;
}

.camera-icon {
    position: absolute;
    background: url("../img/home/icon/camera-icon.png") no-repeat;
    background-size: contain;
    width: 0.56rem;
    height: 0.56rem;
    right: 0.346667rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.search-button {
    width: 2.08rem;
    line-height: 1.2rem;
    height: 1.2rem;
    font-size: 0.42667rem;
    border-top-right-radius: 0.1333rem;
    border-bottom-right-radius: 0.1333rem;
    border: none;
    vertical-align: top;
    color: white;
    font-weight: 700;
    box-shadow: 0 0 1px #d3d5d8;
    outline: none;
    background: #38f;
    display: inline-block;
}
#search-button{
    text-decoration: none;
    color: white;
}
.bottom {
    text-align: center;
    margin-top: 6rem;
}

.back-old {
    width: 2.6667rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.32rem;
    border-radius: 0.64rem;
    margin-bottom: 0.4533rem;
    border: 1px solid #d4d6d8;
    box-shadow: 0 0 0 rgba(98, 106, 120, .06);
    color: #555;
    display: inline-block;
}

.feedback {
    height: 0.56rem;
    line-height: 0.32rem;
    font-size: 0.34667rem;
    color: #555;
}

.feedback-icon {
    vertical-align: top;
    width: 0.32rem;
    height: 0.32rem;
}

.set-book {
    height: 0.5333rem;
    line-height: 0.5333rem;
    font-size: 0.32rem;
    margin-bottom: 0.24rem;
    color: #999;
}